<!DOCTYPE html> 
<html> 
	<head> 
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Page Title</title> 
       <meta name="apple-mobile-web-app-capable" content="yes"/>
	<link rel="stylesheet" href="../../jquery.mobile-1.0rc2.min.css" />
	<script src="../../jquery-1.6.4.min.js"></script>
	<script src="../../jquery.mobile-1.0rc2.min.js"></script>>
</head> 
<body>
    <div data-role="page" id="page_main">
        <div data-role="header">
		<h1>page_main</h1>
        </div>
        
        <div data-role="content" >
           	 <a href="dialog.html" data-role="button" 
             	data-rel="dialog"  data-theme="a">외부페이지를 dialog로</a>
              <a href="dialog2.html" data-role="button" 
             	data-rel="dialog" data-transition="slideup" data-theme="a">다른스타일 dialog</a>
             <a href="#page_dialog_b" data-role="button" 
             	data-rel="dialog" data-transition="pop" data-theme="b">내부페이지를 dialog로</a>
             <a href="dialog3.html" data-role="button" 
             	data-rel="dialog" data-transition="pop" data-theme="b">헤더가없는 dialog</a>
        </div>
    </div>
    
    <div data-role="page" id="page_dialog_b">       
        <div data-role="header" data-theme="b" data-position="inline">
        	<h1>Dialog</h1>        
        </div>
        
        <div data-role="content" data-theme="b">
        	<h1>짠~</h1>
        	<p> 내부페이지를 모달로 해서 실행해봤는데.. 외부페이지랑 틀리게 나오네요.
            	아무래도 내부 페이지는 안되나 봅니다.
       		</p>      
        
        </div>
    </div>
</body>
</html>
